.farris-datatable {
    display: flex;
    flex-direction: column;
    height: 100%;

    table {
        margin: 0;
        table-layout: fixed;
    }

    .farris-table-header {
        position: relative;
        overflow: hidden;
        min-height: 2.125rem;

        thead>tr>th {
            white-space: nowrap;

            .dt-checkbox {
                margin-right: 0;
                vertical-align: middle;
                min-height: 1rem;
            }

            &:hover {
                background: $farris-grid-header-hover-bg;
            }

            .f-datatable-sort {
                @include f-table-sort;
            }
        }

        .dt-checkbox-cell {
            width: 2.8125rem;
        }
    }

    .dt-checkbox-cell {

        .custom-checkbox,
        .custom-radio {
            margin-bottom: 0;
            padding-right: 0;
        }
    }

    .farris-table-scorllable-body {
        overflow: hidden;
        flex: 1 1 auto;

        .ui-table-tbody {
            .dt-checkbox {
                margin-right: 0;
                vertical-align: middle;
            }

            .dt-checkbox-cell {
                width: 2.8125rem;
            }
        }

        .ui-table-tbody tr:not(.selected):hover {
            cursor: pointer;
        }

        .ui-table-tbody>tr:first-child>td {
            border-top: 0;
        }
    }
}

.filter-row {
    margin: 0.625rem 0;

    .search-fields {
        min-width: 8.75rem;
        padding-left: 0.3125rem;
    }

    .search-text {
        margin-left: 0.625rem;
        padding-right: 0.5rem;
    }
}

.farris-subgrid {
    min-height: 25.625rem;
}

// 结构调整table grid样式
.table-striped tbody tr.selected:nth-of-type(even) {
    background-color: $farris-grid-selected-bg;
}

// 暂无数据提醒
.f-table-norecords-content {
    height: 7.5rem;
    padding: 5rem 0 0;
    width: 100%;
    text-align: center;
    font-size: $farris-h5-font-size;
    color: $f-text-07;
    background: url('imgs/table-norecords.png') no-repeat top center;
    position: absolute;
    top: 50%;
    margin: -3.75rem 0 0 -0.625rem;
    line-height: 2.5rem;
}

// 穿梭框，暂无数据提醒
.f-multi-select-norecords {
    height: 100%;
    position: relative;

    .f-multi-select-norecords-content {
        @extend .f-table-norecords-content;
    }
}

.table-hover tbody {
    .f-table-norecords-row {
        &:hover {
            background: initial;
        }
    }
}

.f-table-norecords {
    border: none;

    .f-table-norecords-row {
        td {
            border: none;
        }
    }
}